<template>
  <div class="navAll">
    <slot>{{message}}</slot>
  </div>
</template>

<script>
import "../../fontawesome-free-6-web/css/all.css"
export default {
  name:"Nav",
  props:{
    message:String,
  },
}
</script>

<style scoped>
.navAll{
  width: 100%;
  height: 12vw;
  background-color: #0097FF;
  line-height: 12vw;
  font-size: 5vw;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>